﻿.login-form {
    width: 350px;
    margin:auto;
    background-color: #fff;
    border: 1px solid #fff;
    background-image: -moz-linear-gradient(0% 100% 90deg,#eaeaea,#f5f5f5);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f5f5f5),to(#eaeaea));
    padding: 20px;
    box-shadow: 0 1px 5px #000;
    position: relative;
}

    .login-form.show {
        display: block;
    }

    .login-form .close_el {
        font-size: 15px;
        font-weight: bold;
        position: absolute;
        top: 0;
        right: 0;
        color: #aaa;
        padding: 3px 8px;
    }

    .login-form h1 {
        font-size: 20px;
        color: #555;
        padding: 4px 0 15px 0;
        text-shadow: 0 1px 0 #fff;
    }

    .login-form a[href] {
        text-shadow: 0 1px 0 #fff;
    }

        .login-form a[href]:hover {
            color: #0072ff;
        }

    .login-form label {
        width: 80px;
        float: left;
        text-align: right;
        margin: 5px 5px 0 0;
        font-size: 13px;
        text-shadow: 0 1px 0 #fff;
    }

    .login-form span {
        display: block;
        padding: 5px 0;
        text-align:center;
    }

        .login-form span input[type="text"], .login-form span input[type="password"], .login-form span input[type="email"] {
            padding: 4px;
            font-size: 14px;
            width: 200px;
        }

        .login-form span input[type="submit"] {
            color:#fff;
            font-weight:bold;
            padding: 5px 25px;
            background: #9c3;
            -webkit-transition: background .3s ease color 0.2s linear;
            -moz-transition: background .3s ease  color 0.2s linear;
            -o-transition: background .3s ease color 0.2s linear;
            transition: background .3s ease color 0.2s linear;
        }
